Jquery 后台系统蓝色侧边折叠栏 菜单示例源码

Web形式的后台系统中常用到侧边导航栏多可折叠，本实例使用jQuery实现折叠效果，样式比较友好。
$(document).ready(function() {var menuParent = $('.menu > .ListTitlePanel > div');//获取menu下的父层的DIVvar menuList = $('.menuList');$('.menu > .menuParent > .ListTitlePanel > .ListTitle').each(function(i) {//获取列表的大标题并遍历$(this).click(function(){if($(menuList[i]).css('display') == 'none'){$(menuList[i]).slideDown(300);}else{$(menuList[i]).slideUp(300);}});});});